<!DOCTYPE html>
<html>
 <head>
  <link href="//cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.css" rel="stylesheet" />
  <script src="//cdn.bootcss.com/jquery/3.1.1/jquery.js"></script>
  <script src="//cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.js"></script>
  <style>
     div{border:1px solid silver;}
  </style>
 </head>
 <body>
  <div class="page-header">
    <h1> my website</h1>
  </div>



  <div class="row">
    <div class="col-md-2">
       <ul class="nav  nav-stacked">
          @foreach ($channel as $c)
          <li ><a class="active" href="{{ $c['url'] }}">{{ $c['name'] }}</a></li>
          @endforeach
       </ul>
    </div>
    <div class="col-md-10">
       <iframe src="http://www.baidu.com" width="100%" ></iframe>
   </div>
  </div>


 </body>
</html>
